<template>
	<view class="banshui">
		<view class="syspadding navbar ">
			<view class="navbarh">服务</view>
		</view>
		<view style="width: 100%;height: 145rpx;"></view>
		
		<view class="content">
			<view class="item acea-row row-middle">
				<view class="line"></view>
				<view class="bold">申报信息查询</view>
			</view>
			<view class="text acea-row row-around">
				<view class="acea-row row-column row-middle son">
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/serve06.png" mode="aspectFit"></image>
					</view>
					<view class="title">申报查询</view>
				</view>
				<view class="acea-row row-column row-middle son">
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/serve07.png" mode="aspectFit"></image>
					</view>
					<view class="title">专项附加扣除信息查询</view>
				</view>
				<view class="acea-row row-column row-middle son">
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/serve08.png" mode="aspectFit"></image>
					</view>
					<view class="title">收入纳税明细查询</view>
				</view>
			</view>
		</view>
		
		<view class="content">
			<view class="item acea-row row-middle">
				<view class="line"></view>
				<view class="bold">备案信息查询</view>
			</view>
			<view class="text acea-row row-around">
				<view class="acea-row row-column row-middle son">
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/serve09.png" mode="aspectFit"></image>
					</view>
					<view class="title">
						<view>天使投资个人</view>
						<view>所得税抵扣</view>
						<view>备案查询</view>
					</view>
				</view>
				<view class="acea-row row-column row-middle son">
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/serve10.png" mode="aspectFit"></image>
					</view>
					<view class="title">非货币性资产投资分期缴纳备案查询</view>
				</view>
				<view class="acea-row row-column row-middle son">
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/serve11.png" mode="aspectFit"></image>
					</view>
					<view class="title">
						<view>税收优惠</view>
						<view>备案查询</view>
					</view>
				</view>
			</view>
		</view>
		
		<view class="content">
			<view class="item acea-row row-middle">
				<view class="line"></view>
				<view class="bold">其他查询</view>
			</view>
			<view class="text acea-row ">
				<view class="acea-row row-column row-middle son">
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/serve12.png" mode="aspectFit"></image>
					</view>
					<view class="title">
						异议处理查询
					</view>
				</view>
				<view class="acea-row row-column row-middle son">
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/serve13.png" mode="aspectFit"></image>
					</view>
					<view class="title">税务文书查询</view>
				</view>
				<view class="acea-row row-column row-middle son">
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/serve14.png" mode="aspectFit"></image>
					</view>
					<view class="title" style="width: 220rpx;">
						<view>涉税专业服务机构</view>
						<view>查询</view>
					</view>
				</view>
				<view class="acea-row row-column row-middle son" style="margin-top: 30rpx;">
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/serve15.png" mode="aspectFit"></image>
					</view>
					<view class="title" style="width: 220rpx;">
						<view>纳税记录申请查询</view>
					</view>
				</view>
			</view>
		</view>
		
		<view class="content">
			<view class="item acea-row row-middle">
				<view class="line"></view>
				<view class="bold">公共服务</view>
			</view>
			<view class="text acea-row">
				<view class="acea-row row-column row-middle son">
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/serve01.png" mode="aspectFit"></image>
					</view>
					<view class="title">票证查验</view>
				</view>
				<view class="acea-row row-column row-middle son">
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/serve02.png" mode="aspectFit"></image>
					</view>
					<view class="title">通知公告</view>
				</view>
				<view class="acea-row row-column row-middle son" >
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/serve03.png" mode="aspectFit"></image>
					</view>
					<view class="title" style="width: 200rpx;">税收政策及解读</view>
				</view>
				<view class="acea-row row-column row-middle son" style="margin-top: 70rpx;">
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/serve04.png" mode="aspectFit"></image>
					</view>
					<view class="title">办税指南</view>
				</view>
				<view class="acea-row row-column row-middle son" style="margin-top: 70rpx;">
					<view>
						<image class="icon" src="https://gerensuodeshui.oss-cn-hangzhou.aliyuncs.com/serve05.png" mode="aspectFit"></image>
					</view>
					<view class="title">办税指南</view>
				</view>
			</view>
		</view>

		<view style="width: 100%;height: 100rpx;"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.banshui{
		
		.content{
			width: 100%;
			margin-top: 30rpx;
			background-color: #ffffff;
			
			.text{
				padding: 30rpx 30rpx 60rpx 30rpx;
				
				.son{
					width: 33%;
				}
				
				.icon{
					width: 80rpx;
					height: 80rpx;
				}
				.title{
					width: 170rpx;
					font-size: 26rpx;
					text-align: center;
					line-height: 40rpx;
				}
			}
			
			.item{
				padding: 30rpx;
				border-bottom: 1rpx solid #f2f2f2;
				.line{
					width: 10rpx;
					height: 30rpx;
					border-radius: 10rpx;
					background-color: #5186E6;
					margin-right: 10rpx;
				}
			}
		}
		
		.navbar{
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			width: 100%;
			z-index: 9999;
			background-image: linear-gradient(to right,#0562ED,#1B6EF0,#367DF3,#4286F5);
			color: #fff;
			
			.navbarh{
				width: 100%;
				height: 100rpx;
				text-align: center;
				font-weight: bolld;
				font-size: 34rpx;
				line-height: 100rpx;
			}
		}
		
	}
</style>
